<script>

import Footer from "@/components/Footer/index.vue";
import Header from "@/components/Header/index.vue";

export default {
  name: 'App',
  // eslint-disable-next-line vue/no-reserved-component-names
  components: {Footer, Header},
  mounted() {
    // 优化请求三级菜单数据，把需要多次向服务器发送请求获得的组件数据的vuex放在App.vue只需加载一次即可
    this.$store.dispatch('categoryList')
  }
}
</script>

<template>
  <div id="app">
    <Header/>
    <router-view></router-view>
    <Footer v-show="$route.meta.show"></Footer>
  </div>
</template>

<style scoped>

</style>
